<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- Author: Chris Casola -->
		<title>Decision Lines</title>
		<meta charset="utf-8">
		<link rel='stylesheet' type='text/css' href='/styles/main.css' />
		<link rel='stylesheet' type='text/css' href='/styles/create.css' />
		<link rel='stylesheet' type='text/css' href='/styles/tooltip.css' />
		<script src='/scripts/site/create.js'></script>
		<script src='/scripts/site/tooltip.js'></script>
	</head>
	<body>
		<header>
			<h1>Decision Lines</h1>
		</header>
		<section id='mainContent'>
			<input type='text' id='question' name='question' size='55' placeholder='What are you trying to decide?' /><br />
			<section class='buttonPanel'>
				<ul>
					<li class='button' id='btnClosed'>Closed</li>
					<li class='button' id='btnOpen'>Open</li>
				</ul>
				<p><span class='tip' id='eventType'>[?]</span></p>
			</section>
			<section id='closedInputForm' class='inputForm'>
				<p>How many people will be deciding?<span class='tip' id='peopleTip'>[?]</span></p>
				<input type='text' id='closedNumPeople' name='closedNumPeople' size='15' /><br />
				<p>How many rounds would you like to hold?<span class='tip' id='openRoundsTip'>[?]</span></p>
				<input type='text' id='closedNumRounds' name='closedNumRounds' size='15' /><br />
				<p>Enter your choices.</p>
				<ul id='choices'>
					<li><input type='text' id='choice1' name='choice1' size='15' /></li>
					<li><input type='text' id='choice2' name='choice2' size='15' /></li>
					<li><input type='text' id='choice3' name='choice3' size='15' /></li>
				</ul>
				<p>
					<span class='tip' id='addChoice'>[+]</span>
					<span class='tip' id='removeChoice'>[&ndash;]</span>
				</p>
			</section>
			<section id='openInputForm' class='inputForm'>
				<p>What is the maximum number of choices?<span class='tip' id='maxChoicesTip'>[?]</span></p>
				<input type='text' id='openNumPeople' name='openNumChoices' size='15' /><br />
				<p>How many rounds would you like to play?<span class='tip' id='closedRoundsTip'>[?]</span></p>
				<input type='text' id='OpendNumRounds' name='OpenNumRounds' size='15' /><br />
			</section>
			<section class='buttonPanel'>
				<ul>
					<li class='button' id='createEvent'>Create Event</li>
				</ul>
			</section>
		</section>
	</body>
</html>
